<template>
  <div class="button-demo">
    <div>
      <zui-button>普通按钮</zui-button>
      <zui-button type="primary">主操作</zui-button>
      <zui-button type="success">通过</zui-button>
      <zui-button type="danger">拒绝</zui-button>
      <zui-button type="link">链接按钮</zui-button>
      <zui-button round>圆角边框</zui-button>
      <zui-button no-border-radius>直角边框</zui-button>

      <zui-button type="primary" disabled>禁用</zui-button>
    </div>

    <zui-button type="primary" loading>加载中</zui-button>

    <zui-button type="primary" size="large">主操作</zui-button>

    <!-- primary/secondary/[default]/link/success/danger -->
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.button-demo {
  padding: 20px;
}
</style>
